<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>魅族官网 - 魅族 18 系列手机：独具热爱，自成一派</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/phoneType.css">
    <link rel="stylesheet" href="css/content.css">
    <link rel="stylesheet" href="css/indexMain.css">
    <link rel="stylesheet" href="css/hot.css">
    <link rel="stylesheet" href="css/mobile.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/copyRight.css">
</head>
<body>
    <!-- header区域开始 -->
    <div class="header">
        <div class="inner_c header_c">
            <!-- 左侧导航 -->
            <ul class="nav">
                <li><a href="#">魅族官网</a></li>
                <li><a href="#">魅族商城</a></li>
                <li><a href="#">Flyme</a></li>
                <li><a href="#">专卖店</a></li>
                <li><a href="#">服务</a></li>
                <li><a href="#">社区</a></li>
            </ul>
            <!-- 右侧个人中心 -->
            <div class="user_center">
                <a href="#">
                    <span>我的收藏</span><i>new</i>
                </a>
                <a href="#">我的订单</a>
                <a href="#">登录</a>
                <a href="#">注册</a>
            </div>
        </div>
    </div>
    <!-- header区域结束 -->
    <!-- phone type区域开始 -->
    <div class="phone_type">
        <div class="inner_c phone_type_c">
            <h1 class="logo">
                <a href="index.html">魅族|手机|平板|电视|电脑|啥也有</a>
            </h1>
            <ul>
                <li><a href="#">PRO手机</a></li>
                <li><a href="#">魅蓝手机</a></li>
                <li><a href="#">MX手机</a></li>
                <li><a href="#">精选配件</a></li>
                <li><a href="#">智能硬件</a></li>
            </ul>
        </div>
    </div>
    <!-- phone type区域结束 -->
    <!-- content 区域开始 -->
    <div class="content">
        <!-- main区域开始 -->
        <div class="main">
            <div class="inner_c main_c">
                <!-- aside区域开始 -->
                <div class="aside">
                    <ul class="classify">
                        <li>
                            <h2>全部商品分类</h2>
                        </li>
                        <li>
                            <h2>手机</h2>
                        </li>
                        <li>
                            <h2>只能硬件</h2>
                        </li>
                        <li>
                            <h2>耳机/音箱</h2>
                        </li>
                        <li>
                            <h2>路由器/移动电源</h2>
                        </li>
                        <li>
                            <h2>保护套/后盖/贴膜</h2>
                        </li>
                        <li>
                            <h2>数据线/电源适配器</h2>
                        </li>
                        <li>
                            <h2>周边配件</h2>
                        </li>
                    </ul>
                </div>
                <!-- aside区域结束 -->
                <!-- banner区域开始 -->
                <div class="banner">
                    <ul class="banner_content">
                        <li><a href="#"><img src="images/banner.jpg"></a></li>
                        <li><a href="#"><img src="images/banner.jpg"></a></li>
                        <li><a href="#"><img src="images/banner.jpg"></a></li>
                        <li><a href="#"><img src="images/banner.jpg"></a></li>
                        <li><a href="#"><img src="images/banner.jpg"></a></li>
                    </ul>
                    <div class="btn">
                        <span class="btn_left"></span>
                        <span class="btn_right"></span>
                    </div>
                    <ol>
                        <li class="current"></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ol>
                </div>
                <!-- banner区域结束 -->
            </div>
        </div>
        <!-- main区域结束 -->
        <!-- 热门区域开始 -->
        <div class="hot">
            <div class="inner_c hot_c">
                <div class="hot_left">
                    <ul>
                        <li>
                            <a href="#">
                                <img src="images/mma.png">
                                <span>M码通道</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/yjhx.png">
                                <span>以旧换新</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/bao.png">
                                <span>魅族意外保</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/hgdcx.png">
                                <span>回购单查询</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="hot_right">
                    <a href="#"><img src="images/zhouyi.jpg"></a>
                    <a href="#"><img src="images/meilanmax.jpg"></a>
                    <a href="#"><img src="images/yddy.jpg"></a>
                    <a href="#"><img src="images/xcjly.png"></a>
                </div>
            </div>
        </div>
        <!-- 热门区域结束 -->
        <!-- 手机区域开始 -->
        <div class="mobile">
            <div class="inner_c mobile_c">
                <div class="mobile_top">
                    <h2>手机</h2>
                    <span>更多<i></i></span>
                </div>
                <div class="mobile_list">
                    <ul>
                        <li>
                            <a href="#">
                                <img src="images/mobile_3.png">
                                <i>热卖</i>
                                <h4>魅蓝note3</h4>
                                <p class="description">11日-12日 限量开售</p>
                                <p class="money">￥799</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/mobile_4.png">
                                <i class="discount">特惠</i>
                                <h4>魅蓝3</h4>
                                <p class="description">11日-12日 公开版限量开售</p>
                                <p class="money">￥599</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/mobile_1.png">
                                <h4>魅蓝3s</h4>
                                <p class="description">11日-12日 限量开售</p>
                                <p class="money">￥699</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/mobile_2.png">
                                <i>热卖</i>
                                <h4>魅蓝 metal</h4>
                                <p class="description">领劵立减100元</p>
                                <p class="money">￥999</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/mobile_5.png">
                                <i>热卖</i>
                                <h4>魅蓝 E</h4>
                                <p class="description">全网通 多彩金属机身</p>
                                <p class="money">￥1299</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 手机区域结束 -->
        <!-- footer 区域开始 -->
        <div class="footer">
            <div class="inner_c footer_c">
                <div class="left_content">
                    <dl>
                        <dt>帮助说明</dt>
                        <dd>
                            <a href="#">支付方式</a>
                            <a href="#">配送说明</a>
                            <a href="#">售后服务</a>
                            <a href="#">付款帮助</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>Flyme</dt>
                        <dd>
                            <a href="#">开放平台</a>
                            <a href="#">固件下载</a>
                            <a href="#">软件商店</a>
                            <a href="#">查找手机</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>关于我们</dt>
                        <dd>
                            <a href="#">关于魅族</a>
                            <a href="#">加入我们</a>
                            <a href="#">联系我们</a>
                            <a href="#">法律声明</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>关注我们</dt>
                        <dd>
                            <a href="#">新浪微博</a>
                            <a href="#">腾讯微博</a>
                            <a href="#">QQ空间</a>
                            <a href="#">官方微信</a>
                        </dd>
                    </dl>
                </div>
                <div class="right_content">
                    <p>24小时全国服务热线</p>
                    <p class="phone">400-788-3333</p>
                    <a href="#"><i></i>24小时在线客服</a>
                </div>
            </div>
        </div>
        <!-- footer 区域结束 -->
    </div>
    <!-- content 区域结束 -->
    <!-- copy_right 区域开始 -->
    <div class="copy_right">
        <div class="inner_c copy_right_c">
            <div class="copy_left">
                <span>©2020 Meizu Telecom Equipment Co., Ltd. All rights reserved.</span>
                <a href="#" class="middle">粤ICP备13003602号</a>
                <a href="#" class="middle">粤公网安备 44049102496009 号</a>
                <a href="#" class="middle">营业执照</a>
                <a href="#"><img src="images/trust-icon.png" alt=""></a>
                <a href="#"><img src="images/footer-copy-1.png" alt=""></a>
            </div>
        </div>
    </div>
    <!-- footer 区域结束 -->
</body>
</html>